<template>
	<div class="card">
		<slot>
			<span>茶文化</span>
		</slot>
	</div>
</template>

<script>
</script>

<style scoped lang="scss">
	.card{
		width: 100%;
		padding: 0.4rem 0;
		text-align: center;
		span{
			position: relative;
			font-size: 0.426666rem;
			&::after{
				content: '';
				position: absolute;
				right:-0.533333rem;
				top: 50%;
				width: 0.213333rem;
				height: 0.213333rem;
				background-color: #d4c0a7;
				border-radius: 50%;
			}
			&:before{
				content: '';
				position: absolute;
				left:- 0.533333rem;
				top: 50%;
				width: 0.213333rem;
				height: 0.213333rem;
				background-color: #d4c0a7;
				border-radius: 50%;
			}
		}
	}
	
</style>
